<!DOCTYPE html>
<!-- saved from url=(0081)http://www.17sucai.com/preview/155563/2017-07-18/%E5%95%86%E5%9F%8E/category.html -->
<html data-dpr="1" style="font-size: 100px;">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
		<title>商城</title>
		<meta name="Keywords" content="">
		<meta name="description" content="">
		<link rel="stylesheet" href="__HOME__/css/mui.min.css" />
		<link rel="stylesheet" href="__HOME__/css/style.css" />
		<!--<script type="text/javascript" src="__HOME__/js/mui.min.js"></script>-->


	</head>

	<body class="mui-ios mui-ios-9 mui-ios-9-1">
		<!--<div class="search">
			<input type="text" placeholder="请输入搜索内容">
		</div>-->
		<div class="header">
			<div class="fanhui">
			   <a href="javascript:history.back(-1)"><img src="__HOME__/images/top_arrowleft.png" alt="" /></a>
		    </div>
		    <div class="sp">
				<h1>商品分类</h1>
		    </div>
		</div>
		<!--搜索分类列表-->
		<div class="mui-content mui-row mui-fullscreen search-menu">
			<div class="mui-col-xs-3">
				<div id="segmentedControls" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
					{volist name="data" id="v" key="k"}
						<a class="mui-control-item " data-index="0" href="#content1">{$v.catname}</a>
					{/volist}
				</div>
			</div>
			
			<!--内容部分-->
			<div id="segmentedControlContents" class="mui-col-xs-9">
					{volist name="data" id="v" key="k"}
				<div id="content{$k}" class="mui-control-content">
					<ul class="mui-table-view">
						<h2><span class="fl">{$v.catname}</span><a href="" class="fr mui-navigate-right"></a></h2>
						{volist name="v.children" id="vo"}
						<a href="">
							<li class="mui-table-view-cell"><img src="__PUBLIC__{$vo.image}">
								<p> {$vo.catname}</p>
							</li>
						</a>
					{/volist}
					</ul>
				</div>
	{/volist}
		
	
	
			</div>
		</div>
		<div class="h50"></div>
				<nav class="mui-bar mui-bar-tab footer">
			<a class="mui-tab-item mui-active cz" href="{:url('index')}">
				<span class="mui-icon"><i class="iconfont"></i></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" href="category.html">
				<span class="mui-icon"><i class="iconfont"></i></span>
				<span class="mui-tab-label">分类</span>
			</a>
		
			<a class="mui-tab-item" href="shoppingCar.html">
				<span class="mui-icon"><i class="iconfont"></i></span>
				<span class="mui-tab-label">购物车</span>
			</a>
			<a class="mui-tab-item" href="member.html">
				<span class="mui-icon"><i class="iconfont"></i></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>


		<script type="text/javascript" src="__HOME__/js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript" src="__HOME__/js/comment.js"></script>
		

		<div style="position: static; display: none; width: 0px; height: 0px; border: none; padding: 0px; margin: 0px;">
			<div id="trans-tooltip">
				<div id="tip-left-top" style="background: url(&quot;chrome-extension://ikkbfngojljohpekonpldkamedehakni/imgs/map/tip-left-top.png&quot;);"></div>
				<div id="tip-top" style="background: url(&quot;chrome-extension://ikkbfngojljohpekonpldkamedehakni/imgs/map/tip-top.png&quot;) repeat-x;"></div>
				<div id="tip-right-top" style="background: url(&quot;chrome-extension://ikkbfngojljohpekonpldkamedehakni/imgs/map/tip-right-top.png&quot;);"></div>
				<div id="tip-right" style="background: url(&quot;chrome-extension://ikkbfngojljohpekonpldkamedehakni/imgs/map/tip-right.png&quot;) repeat-y;"></div>
				<div id="tip-right-bottom" style="background: url(&quot;chrome-extension://ikkbfngojljohpekonpldkamedehakni/imgs/map/tip-right-bottom.png&quot;);"></div>
				<div id="tip-bottom" style="background: url(&quot;chrome-extension://ikkbfngojljohpekonpldkamedehakni/imgs/map/tip-bottom.png&quot;) repeat-x;"></div>
				<div id="tip-left-bottom" style="background: url(&quot;chrome-extension://ikkbfngojljohpekonpldkamedehakni/imgs/map/tip-left-bottom.png&quot;);"></div>
				<div id="tip-left" style="background: url(&quot;chrome-extension://ikkbfngojljohpekonpldkamedehakni/imgs/map/tip-left.png&quot;);"></div>
				<div id="trans-content"></div>
			</div>
			<div id="tip-arrow-bottom" style="background: url(&quot;chrome-extension://ikkbfngojljohpekonpldkamedehakni/imgs/map/tip-arrow-bottom.png&quot;);"></div>
			<div id="tip-arrow-top" style="background: url(&quot;chrome-extension://ikkbfngojljohpekonpldkamedehakni/imgs/map/tip-arrow-top.png&quot;);"></div>
		</div>
	</body>

</html>
